<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/static/css/main.css">
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/host.js"></script>
{#    <script type="text/javascript" src="/static/js/cart.js"></script>#}
    <script type="text/javascript" src="/static/js/vue-2.5.16.js"></script>
    <script type="text/javascript" src="/static/js/axios-0.18.0.min.js"></script>
    <title>购物车</title>
</head>

<body>
<div id="app" v-cloak>
<!--顶部样式-->
<div class="top_header">
    <em class="left_img"></em>
    <div class="header clearfix" id="header">
        <a href="#" class="logo_img"><img src="/static/images/logo.png"/></a>
        <div class="header_Section">
            <div class="shortcut">
                <ul>
                    {% if user.is_authenticated %}
                        <li>
                            <a href="{{ url('users:usercenter') }}">{{ user.username }}</a>
                            <span>|</span>
                            <a href="{{ url('users:logout') }}">退出</a>
                        </li>

                    {% else %}

                        <li class="hd_menu_tit"><em class="login_img"></em><a href="{{ url('users:login') }}">登录</a>
                        </li>
                        <li class="hd_menu_tit"><em class="registered_img"></em><a
                                href="{{ url('users:register') }}">注册</a></li>
                    {% endif %}

                    <li class="hd_menu_tit"><em class="Collect_img"></em><a href="#">收藏夹</a></li>
                    <li class="hd_menu_tit"><em class="cart_img"></em><a href="{{ url('shoppingcart:carts') }}">购物车（0）</a></li>
                    <li class="hd_menu_tit list_name" data-addclass="hd_menu_hover"><a href="#">网站导航</a><em
                            class="navigation_img"></em>

                        <div class="hd_menu_list">
                            <span class="wire"></span>
                            <ul>
                                <li><a href="#">常见问题</a></li>
                                <li><a href="#">在线退换货</a></li>
                                <li><a href="#">在线投诉</a></li>
                                <li><a href="#">配送范围</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="nav" id="Navigation">
                <ul class="Navigation_name">
                    <li class=""><a href="{{ url('index:index') }}">首页</a></li>
                    <li class=""><a href="#">所有果蔬</a></li>
                    <li class=""><a href="#">活动专区</a></li>
                    <li class=""><a href="{{ url('goods:fruit') }}">水果馆</a></li>
                    <li class=""><a href="{{ url('goods:shucai') }}">素菜馆</a></li>
                    <li class=""><a href="#">会员中心</a></li>
                    <li class=""><a href="#">联系我们</a></li>
                </ul>
            </div>
            <script>$("#Navigation").slide({titCell: ".Navigation_name li"});</script>
        </div>
    </div>
    <em class="right_img"></em>
</div>
<!---->
<div><a href="#"><img src="/static/images/AD_page_img_02.png" width="100%"/></a></div>
<!--位置-->
<div class="Bread_crumbs">
    <div class="Inside_pages clearfix">
        <div class="right Search">
            <form>
                <input name="" type="text" class="Search_Box"/>
                <input name="" type="button" name="" class="Search_btn"/>
            </form>
        </div>
    </div>
</div>
<!--购物车样式-->
<div class="total_count">全部商品<em>[[ total_count ]]</em>件</div>
    <ul class="cart_list_th clearfix">
        <li class="col01">商品名称</li>
        <li class="col03">商品价格</li>
        <li class="col04">数量</li>
        <li class="col05">小计</li>
        <li class="col06">操作</li>
    </ul>
    <ul class="cart_list_td clearfix" v-for="(cart_sku,index) in carts" v-cloak>
        <li class="col01"><input type="checkbox" name="" v-model="cart_sku.selected" @change="update_selected(index)">
        </li>
        <li class="col02"><img :src="cart_sku.default_image_url"></li>
        <li class="col03">[[ cart_sku.name ]]</li>
        <li class="col05">[[ cart_sku.price ]]元</li>
        <li class="col06">
            <div class="num_add">
                <a @click="on_minus(index)" class="minus fl">-</a>
                <input v-model="cart_sku.count" @blur="on_input(index)" type="text" class="num_show fl">
                <a @click="on_add(index)" class="add fl">+</a>
            </div>
        </li>
        <li class="col07">[[ cart_sku.amount ]]元</li>
        <li class="col08"><a @click="on_delete(index)">删除</a></li>
    </ul>
    <ul class="settlements" v-cloak>
        <li class="col01"><input type="checkbox" name="" @change="on_selected_all" v-model="selected_all"></li>
        <li class="col02">全选</li>
        <li class="col03">合计(不含运费)：<span>¥</span><em>[[ total_selected_amount ]]</em><br>共计<b>[[ total_selected_count
            ]]</b>件商品
        </li>
        <li class="col04"><a href="{{ url('orders:placeorder') }}">去结算</a></li>
    </ul>
<!--底部样式-->
{#<div class="footer">#}
{#    <div class="footer_img_bg"></div>#}
{#    <div class="footerbox">#}
{#        <div class="footer_info">#}
{#            <div class="footer_left">#}
{#                <a href="#"><img src="/static/images/logo.png"/></a>#}
{#                <p class="erwm">#}
{#                    <img src="/static/images/erweim.png" width="80px" height="80px"/>#}
{#                    <img src="/static/images/erweim.png" width="80px" height="80px"/>#}
{#                <p>#}
{#            </div>#}
{#            <div class="helper_right clearfix">#}
{#                <dl>#}
{#                    <dt><em class="guide"></em>新手指南</dt>#}
{#                    <dd><a href="#">注册新用户</a></dd>#}
{#                    <dd><a href="#">实名认证</a></dd>#}
{#                    <dd><a href="#">找回密码</a></dd>#}
{#                </dl>#}
{#                <dl>#}
{#                    <dt><em class="h_about"></em>关于我们</dt>#}
{#                    <dd><a href="#">关于我们</a></dd>#}
{#                    <dd><a href="#">政策服务</a></dd>#}
{#                    <dd><a href="#">常见问题</a></dd>#}
{#                </dl>#}
{#                <dl>#}
{#                    <dt><em class="h_conact"></em>联系我们</dt>#}
{#                    <dd><a href="#">联系我们</a></dd>#}
{#                    <dd><a href="#">在线客服</a></dd>#}
{#                </dl>#}
{#            </div>#}
{#        </div>#}
{#    </div>#}
{#    <div class=" Copyright ">#}
{#        @2015 四川莆田特色馆版权所有#}
{#    </div>#}
{#</div>#}
</div>
<script>
    var cart_skus = {{ cart_skus|safe }};
</script>
<script type="text/javascript" src="{{ static('js/common.js') }}"></script>
<script type="text/javascript" src="{{ static('js/host.js') }}"></script>
<script type="text/javascript" src="{{ static('js/cart.js') }}"></script>
</body>
</html>
